﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Animal Photos</title>
    <link href="Accessories.css" rel="stylesheet" />   
</head>
<body>
    <header>
    <div class="logo-container">
                <a href="../home-page.html">
                    <img src="../images/Discover-sport-logo.jpg" />
                </a>
            </div>
            <div class="select">
                <select id="language">
                    <option selected="selected">Select language</option>
                    <option value="cs">Ceský </option>
                    <option value="de">Deutsch</option>
                    <option value="es">Español</option>
                    <option value="fr">Français</option>
                    <option value="it">Italiano</option>                    
                    <option value="is">Íslenskur</option>
                    <option value="hu">Magyar</option>
                    <option value="pl">Polski</option>
                    <option value="pt">Português</option>
                    <option value="sl">Slovenšcina</option>
                    <option value="sk">Slovenských</option>
                    <option value="sv">Svenska</option>
                </select>
                <select id="currency">
                    <option value="EUR" selected="selected">€ EUR</option>
                    <option value="USD">$ USD</option>
                    <option value="CNY">¥ CNY</option>
                    <option value="AUD">$ AUD</option>
                    <option value="CZK">Kč CZK</option>
                    <option value="HUF">Ft HUF</option>
                    <option value="ISK">kr ISK</option>
                    <option value="PLN">zł PLN</option>
                    <option value="SEK">kr SEK</option>
                </select>
            </div>
            <hr />
            <div class="reg-container">
                    <div class="name">
                        <label for="name">Username:</label>
                        <input type="text" id="name"/>
                     </div>
                    <div class="pass">
                        <label for="pass">Password:</label>
                        <input type="password" required="required" id="pass"/> 
                    </div>   
                    <div class="log"><a href="#">Log in</a></div>
                    <div class="log"><a href="../Sign-up.html">Sign up</a></div>
            </div>
        </header>
    <div class="main">
    <div class="label">
            <ul>
                <li>
                    <label for="radio0"><img src="http://www.skiershop.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/z/o/zoom_darkbrown_1.jpg" title="Blets" alt="Blets"/></label>
                </li>
                <li>
                    <label for="radio1"><img src="http://www.stylencolor.com/ebay2013/ebay0hat/0501_3501flattop.jpg" title="Caps and Hats" alt="Caps and Hats"/></label>
                </li>
                <li>
                    <label for="radio2"><img src="http://www.momodesign.com/prodotti/images/orologi/composito_01.png" title="Watches" alt="Watches"/></label>
                </li>
                <li>
                    <label for="radio3"><img src="http://imgc.classistatic.com/cps/blnc/130518/390r1/0151993_20.jpeg" title="Sunglasses" alt="Sunglasses"/></label>
                </li>
                <li>
                    <label for="radio4"><img src="http://www.uipl.com.au/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-05.jpg" title="Wallets" alt="Wallets" /></label>
                </li>                
            </ul>
      </div>
    <div class="radio">
            <ul>
                <li>
                    <input type="radio" id="radio0" name="picture" />
                    <img src="http://www.skiershop.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/z/o/zoom_darkbrown_1.jpg" class="Accessories" alt="Blets"/>
                </li>
                <li>
                    <input type="radio" id="radio1"  name="picture"/>
                    <img src="http://www.stylencolor.com/ebay2013/ebay0hat/0501_3501flattop.jpg" class="Accessories" alt="Caps and Hats"/>
                </li>
                <li>
                    <input type="radio" id="radio2" name="picture" />
                    <img src="http://www.momodesign.com/prodotti/images/orologi/composito_01.png" class="Accessories" alt="Watches"/>
                </li>
                <li>
                    <input type="radio" id="radio3" name="picture" />
                    <img src="http://imgc.classistatic.com/cps/blnc/130518/390r1/0151993_20.jpeg" class="Accessories" alt="Sunglasses"/>
                </li>
                <li>
                    <input type="radio" id="radio4" name="picture" />
                    <img src="http://www.uipl.com.au/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/w/-/w-05.jpg" class="Accessories" alt="Wallets"/>
                </li>                
            </ul>
      </div>
        </div>
</body>
</html>
